/*html,body{
    /*height: 100%;*/
    width: 100%;
    font-size: .28rem;
    color: #3e4148;
}*/
.bg{
    background: #f1f1f1;
}
.mask{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12;
}
.sstbox{
    position: fixed;
    z-index: 13;
    width: auto;
    height: auto;
    overflow: hidden;
    color: #fff;
}
.sstbox h1{
    text-align: center;
    font-size: .48rem;
    line-height: 3rem;
}
.sstbox p{
    text-align: left;
    padding: 0 .3rem;
    line-height: .6rem;
    text-indent: .8rem;
    font-size: .36rem;
}
.sstbox a{
    display: block;
    text-align: center;
    font-size: .48rem;
    color: #fff;
    margin-top:1.8rem;
}
.progress-bar{
    width: 7rem;
    height: auto;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    margin-left: -3.5rem;
    z-index: 13;
}
.progress-bar p{
    line-height: .8rem;
    text-align: center;
    color: #fff;
}
.img_request{
    display: block;
    width: 7rem;
    height: .36rem;
}
.img_request.two{
    background: url("../images/img_request_step2.png") no-repeat;
    background-size: 7rem .36rem;    
}
.img_request.three{
    background: url("../images/img_request_step3.png") no-repeat;
    background-size: 7rem .36rem;    
}
.img_request.fore{
    background: url("../images/img_request_step4.png") no-repeat;
    background-size: 7rem .36rem;    
}
.img_request.five{
    background: url("../images/img_request_step5.png") no-repeat;
    background-size: 7rem .36rem;    
}
.img_request.finish{
    background: url("../images/img_request_don.png") no-repeat;
    background-size: 7rem .36rem;    
}

.red-envelopes-bg{
    width: 7.04rem;
    height: 9.24rem;
    position: fixed;
    top: 50%;
    margin-top: -4.62rem;
    margin-left: -3.52rem;
    left: 50%;
    z-index: 14;
    background: url("../images/img_red_packet.png") no-repeat;
    background-size:7.04rem  9.24rem;
}
.red-envelopes-bg .openbtn{
    position: absolute;
    z-index: 15;
    background: url("../images/btn_open.png") no-repeat;
    width: 2.16rem;
    height: 2.16rem;
    background-size: 2.16rem 2.16rem;
    left: 50%;
    margin-left: -1.08rem;
    bottom: 2rem;
}
.red-envelopes-bg h2{
    font-size: .42rem;
    text-align: center;
    color: #ffd895;
    line-height: 1rem;
    margin: .6rem auto;
}
.red-envelopes-bg p{
    text-align: center;
    color: #ffd895;
    font-size: .36rem;
    margin-top: .8rem;
    overflow: hidden;
}
.invitation-code{
    width: 3rem;
    height: .8rem;
    margin:.3rem auto;
    line-height: .8rem;    
}
.invitation-code span{
    color: #fff;
    line-height: .8rem;
    text-align: center;
    display: block;
}
.invitation-code input{
    clear: both;
    width: 100%;
    background: #fff;
    padding-left: .2rem;
    border-radius: 3px;
    overflow: hidden;
    height: 100%;
}
.logobox{
    width: 1.08rem;
    height: 1.08rem;
    margin: .6rem auto .2rem;
}
.logobox img{
    width: 1.08rem;
    height: 1.08rem;    
}
.red-envelopes2 h2{
    margin: 0 auto;
}
.red-envelopes-bg p.red-envelopes-txt{
    text-align: center;
    line-height: .6rem;
    margin-top: 0;
}
.share-list{
    position: absolute;
    top: 0;
    z-index: 15;
    padding-top: 2rem;
}
.share-list ul{
    padding: 0 .6rem;
}
.share-list ul li{
    line-height: .6rem;
    color: #fff;
    font-size: .36rem;
    position: relative;
    padding-left: .8rem;
    margin-top: .4rem;
}
.share-list ul li strong{
    font-size: .6rem;
    font-weight: bold;
}
.share-list ul li span{
    position: absolute;
    left: 0;
    top: .1rem;
    width: .5rem;
    height: .5rem;
    background: #38c9ff;
    border-radius: .5rem;
    text-align: center;
    line-height: .5rem;
    font-size: .28rem;
    color: #fff;
    display: inline-block;
}
.arrowbox{
    width: 1.64rem;
    height: 2.6rem;
    background: url("../images/arrow.png") no-repeat;
    background-size: 1.64rem 2.6rem;
    position: absolute;
    top: 0;
    right: .3rem;
}
.bring-success{
    width: 100%;
    height: 1.76rem;
    line-height: 1.76rem;
    background: url("../images/img_red_top.png") no-repeat;
    background-size: 100% 1.76rem;
    text-align: center;
    color: #fff;
    font-size: .42rem;
}
.congratulations-text{
    font-size: .36rem;
    line-height: .6rem;
    margin: 1rem auto;
    color: #393939;
    padding: .25rem;
    text-indent: .6rem;
}
.enter-platform{
    font-size: .42rem;
    text-align: center;
    color: #393939;
    display: block;
    font-weight: bold;
    line-height: 2rem;
}

/*dd*/
/*通用*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
html{background: #f8f8f8}
/*会员信息*/
.member-message{text-align: center;width: 100%;padding-top: 0.2rem;}
.member-message span{display: block;}
.member-message span i{font-style: normal;}
.member-message .span1{color: #878787;font-size: 0.32rem;}
.member-message .span1 i{font-weight: 600;margin: 0 0.1rem;color: #393939;}
.member-message .span2{color: #393939;font-size: 0.32rem;margin: 0.4rem 0;}
.member-message .span3{color: #E35E43;font-size: 0.32rem;}
.member-message .span3 i{font-size: 0.6rem;margin: 0 0.1rem;}
.task-tip{text-align: center;color: #878787;font-size: 0.28rem;margin: 0.4rem 0 0.6rem 0;}
.task-tip span{font-size: 0.36rem;margin: 0 0.1rem;color: #E35E43;}
.task-table table{border-collapse:collapse;}
.task-table table th{border-top:1px solid #e1e1e1;color: #393939;font-size: 0.28rem;font-weight: normal;}
.task-table table th,.task-table table td{border-bottom:1px solid #e1e1e1;padding: 0.2rem;text-align: center;border-right: 1px solid #e1e1e1;line-height: 0.4rem;font-size: 0.28rem;}
.task-table table th:last-child,.task-table table td:last-child{border-right:none}
.task-table table th:first-child,.task-table table td:first-child{text-align: left;}
.task-table table td:last-child{border-right:none}
.task-table table td .order{float:left;width: 0.32rem;height: 0.32rem;line-height: 0.3rem;text-align: center;border:1px solid #393939;border-radius: 50%;margin: 2px 3px 0px 0px;}
.c-878787{color:#878787}
.c-37cafe{color:#37cafe}
.c-393939{color:#393939}
.c-E2E2E2{color: #E2E2E2}
.task-table table .c-E2E2E2 .order{border: 1px solid #E2E2E2}
.task-table table .c-878787 .order{border: 1px solid #878787}
.task-table table td a{display: inline-block;width: 1.6rem;height: 0.8rem;line-height: 0.8rem;border-radius: 3px;color: #fff;}
.b-99d528{background: #99d528}
.b-E2E2E2{background: #E2E2E2}
/*红包*/
.top-bg{width: 100%;height: auto;}
.envelopes-logo{text-align: center;margin-top: -0.54rem;}
.logo-bg{width: 1.08rem;height: auto;}
.envelopes-logo .p1{color: #393939;font-size: 0.32rem;font-weight: 600;margin: 0.2rem 0 0.3rem 0;}
.envelopes-logo .p2{color: #E35E43;font-size: 0.32rem;}
.envelopes-logo .p2 .span3 i{font-size: 0.6rem;margin: 0 0.1rem;font-style: normal;}
.envelopes-load {margin-top:0.6rem;}
.envelopes-load a{display: block;width: 60%;height: 0.8rem;line-height: 0.8rem;background: #99d529;margin: 0.8rem auto 0;border-radius: 3px;color: #fff;font-size: 0.32rem;}
.envelopes-load span{display: inline-block;text-align: center;float: left}
.envelopes-load .span1{width: 40%;height:0.48rem;margin-top: 0.16rem;border-right:1px solid #fff; }
.envelopes-load .span1 img{width: 0.48rem;height: auto;}
.envelopes-load .span2{width: 60%}
.envelopes-load p{text-align: center;font-size: 0.28rem;color: #878787;margin-top: 0.2rem;}

.present-record{margin-top: .8rem;width: 100%;border-top: 1px solid #E2E2E2;padding: 0.4rem 0.3rem;}
.present-record h3{color: #393939;font-size: 0.28rem;margin-bottom: 0.3rem;}
.present-record ul{height: 3.6rem; overflow: auto;}
.present-record ul li{margin-bottom: 0.3rem;color: #393939;font-size: 0.28rem;}
.present-record ul li span{display: inline-block;float: left;}
.present-record ul li .span1{width: 15%;}
.present-record ul li .span2{width: 15%;}
.present-record ul li .span3{width: 33%;}
.present-record ul li .span4{width: 15%;}
.present-record ul li .span5{width: 22%;}
.present-record ul li .span5 i{font-style: normal;font-weight: 600;color: #E35E43;margin-right: 0.1rem;}
.activation-code{width: 6rem;height: 40px;background: #8bbcff;display: flex;display: -webkit-flex;margin:.3rem auto 0;}
.activation-code p{width: 4rem;background: #fff;border-radius: .1rem;height: 38px; margin:1px; line-height: 38px;}
.activation-code button{flex:1;-webkit-flex:1;color: #fff;text-align: center; background: none;border:none;outline: none;}


/*toast*/
.m-toast {
    width: 3.8rem;
    min-height: 0.7rem;
    background-color: rgba(0, 0, 0, 0.5);    
    z-index: 100;
    padding: 0.2rem 0.3rem;
    margin: 0 auto;
    text-align: center;
    border-radius: .2rem;
    position: fixed;
    top: 50%;
    margin-top: -.35rem;
    left: 50%;
    margin-left: -1.9rem;
}
.m-toast:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 0.7rem;
}
.m-toast .t-txt {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 0.3rem;
    line-height: 1.2;
}







